import './index.scss'
import {Menu} from 'antd';
import type {MenuProps} from 'antd';


type MenuItem = Required<MenuProps>['items'][number];
const items: MenuItem[] = [
    {
        key: 'sub1',
        label: 'Navigation One',
    }, {
        key: 's324',
        label: 'Navigation One',
    }, {
        key: 's31',
        label: 'Navigation One',
    }, {
        key: 'su3b1',
        label: 'Navigation One',
    }, {
        key: 'su5b1',
        label: 'Navigation One',
    }, {
        key: 'su5b1',
        label: 'Navigation One',
    }, {
        key: 'su5b1',
        label: 'Navigation One',
    }, {
        key: 'su5b1',
        label: 'Navigation One',
    }, {
        key: 'su5b1',
        label: 'Navigation One',
    }, {
        key: 'su5b1',
        label: 'Navigation One',
    }, {
        key: 'su5b1',
        label: 'Navigation One',
    }, {
        key: 'su5b1',
        label: 'Navigation One',
    }, {
        key: 'su5b1',
        label: 'Navigation One',
    }, {
        key: 'su5b1',
        label: 'Navigation One',
    }, {
        key: 'su5b1',
        label: 'Navigation One',
    }, {
        key: 'su5b1',
        label: 'Navigation One',
    },

];

export default function SelectDepartment() {
    return (
        <div className={'select-content'}>
            <h3>选择科室</h3>
            <div className={'flex'}>
                <div className={'menu'}>
                    <Menu
                        defaultSelectedKeys={['1']}
                        defaultOpenKeys={['sub1']}
                        mode="inline"
                        items={items}
                    />
                </div>
                <div className={'options-view'}>
                    <div className={'item'}>
                        <span className={'label'}> 专科</span>
                        <div className={'content'}>
                            <span>e32r32wr</span>
                            <span>e3fsdfsd2wr</span>
                            <span>esd2wr</span>
                            <span>esd2wr</span>
                            <span>esfefesfr</span>
                            <span>esfsefsefewr</span>
                            <span>esfsefsefewr</span>
                            <span>esfgregfsefewr</span>
                            <span>esefewr</span>
                        </div>
                    </div>

                </div>
            </div>

        </div>

    )
}
